<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../css/购物车.css">
    <script>
        !(function(win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 720) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function() {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function(e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
    </script>
</head>

<body>
    <div class="gwag">
        <div class="hean">
            <img src="../APP图片/下载.png" alt="">
            <p>购物车</p>
            <img src="../APP图片/下载 (1).png" alt="">
        </div>
        <div class="commodity">
            <div class="commodity1">
                <input type="checkbox" name="a1" id="a1">
                <label for="a1"></label>
                <img src="../APP图片/pms_1615342330.97933727 (1).jpg" alt="">
            </div>
            <div class="commodity2">
                <p>小米s10 8GB+128GB 黑色</p>
                <samp>售价：2599元</samp>
                <div class="commodity3">
                    <div>-</div>
                    <div>1</div>
                    <div>+</div>
                </div>
            </div>
            <div class="commodity4">
                <img src="../APP图片/下载 (6).png" alt="">
            </div>
        </div>
        <div class="gift">
            <div class="gift1">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png" alt="">
                    <samp>maic保障服务 559元</samp>
                </div>
                <div>
                    <samp><a href="">选购</a></samp>
                </div>
            </div>
            <div class="gift1">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png" alt="">
                    <samp>意外保险 559元</samp>
                </div>
                <div>
                    <samp><a href="">选购</a></samp>
                </div>
            </div>
            <div class="gift1">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png" alt="">
                    <samp>延长保险 95元</samp>
                </div>
                <div>
                    <samp><a href="">选购</a></samp>
                </div>
            </div>
            <div class="gift1">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png" alt="">
                    <samp>云服务 6元起</samp>
                </div>
                <div>
                    <samp><a href="">选购</a></samp>
                </div>
            </div>
            <div class="gift1">
                <div>
                    <img src="../APP图片/pms_1589439786.76992727.jpg" alt="">
                    <samp>小米蓝牙耳机</samp>
                </div>
                <div>
                    <samp><a href="">110元</a></samp>
                    <samp><a href="">加购价</a></samp>
                </div>
            </div>
            <div class="gift1">
                <div>
                    <img src="../APP图片/pms_1616937541.35886681.jpg" alt=" ">
                    <samp>小米手环 黑色</samp>
                </div>
                <div>
                    <samp><a href=" ">200元</a></samp>
                    <samp><a href=" ">加价购</a></samp>
                </div>
            </div>
            <div class="gift2">
                <img src="../APP图片/yf.jpg" alt="">
                <div>
                    <p><samp>赠品</samp>小米816定制T恤 黑色</p>
                </div>
            </div>
        </div>
        <div class="commodity">
            <div class="commodity1">
                <input type="checkbox" name="a1" id="a2">
                <label for="a2"></label>
                <img src="../APP图片/79.jpg" alt=" ">
            </div>
            <div class="commodity2 ">
                <p>Reade Note 10 月搏</p>
                <samp>售价：16009元</samp>
                <div class="commodity3 ">
                    <div>-</div>
                    <div>1</div>
                    <div>+</div>
                </div>
            </div>
            <div class="commodity4 ">
                <img src="../APP图片/pms_1589439786.76992727.jpg " alt=" ">
            </div>
        </div>
        <div class="gift">
            <div class="gift1 ">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png " alt=" ">
                    <samp>maic保障服务 559元</samp>
                </div>
                <div>
                    <samp><a href=" ">选购</a></samp>
                </div>
            </div>
            <div class="gift1 ">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png " alt=" ">
                    <samp>意外保险 559元</samp>
                </div>
                <div>
                    <samp><a href=" ">选购</a></samp>
                </div>
            </div>
            <div class="gift1 ">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png " alt=" ">
                    <samp>延长保险 95元</samp>
                </div>
                <div>
                    <samp><a href=" ">选购</a></samp>
                </div>
            </div>
            <div class="gift1 ">
                <div>
                    <img src="../APP图片/pms_1617105842.56415851.png " alt=" ">
                    <samp>云服务 6元起</samp>
                </div>
                <div>
                    <samp><a href=" ">选购</a></samp>
                </div>
            </div>
            <div class="gift1 ">
                <div>
                    <img src="../APP图片/pms_1589439786.76992727.jpg " alt=" ">
                    <samp>小米蓝牙耳机</samp>
                </div>
                <div>
                    <samp><a href=" ">110元</a></samp>
                    <samp><a href=" ">加购价</a></samp>
                </div>
            </div>
            <div class="gift1 ">
                <div>
                    <img src="../APP图片/pms_1616937541.35886681.jpg " alt=" ">
                    <samp>小米手环 黑色</samp>
                </div>
                <div>
                    <samp><a href=" ">200元</a></samp>
                    <samp><a href=" ">加价购</a></samp>
                </div>
            </div>
            <div class="gift2 ">
                <img src="../APP图片/pms_1591780204.23966403.jpg " alt=" ">
                <div>
                    <p><samp>赠品</samp>小米816定制T恤 黑色</p>
                </div>
            </div>
        </div>
        <div class="recommend">
            <div class="recommend1">
                <img src="../APP图片/3f00943bf04702405b8e8bc9f404a9f6.png" alt="">
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/a00c151db2afb3792ce76fc58420fc3c.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥4499元</samp><samp class="s2">￥4999元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/53cccd9b8c13cfacc6133ec14b9eef6a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家电动冲牙器</p>
                    <p><samp class="s1">￥199元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/18381eff4cd129b8dc9740d029d9e35a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家插电夜灯</p>
                    <p><samp class="s1">￥19.9元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/44a4ddd6d7abe2f3bb34a19ee5e40724.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥109元</samp><samp class="s2">￥129元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/a00c151db2afb3792ce76fc58420fc3c.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥4499元</samp><samp class="s2">￥4999元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/53cccd9b8c13cfacc6133ec14b9eef6a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家电动冲牙器</p>
                    <p><samp class="s1">￥199元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/18381eff4cd129b8dc9740d029d9e35a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家插电夜灯</p>
                    <p><samp class="s1">￥19.9元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/44a4ddd6d7abe2f3bb34a19ee5e40724.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥109元</samp><samp class="s2">￥129元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/a00c151db2afb3792ce76fc58420fc3c.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥4499元</samp><samp class="s2">￥4999元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/53cccd9b8c13cfacc6133ec14b9eef6a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家电动冲牙器</p>
                    <p><samp class="s1">￥199元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/18381eff4cd129b8dc9740d029d9e35a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家插电夜灯</p>
                    <p><samp class="s1">￥19.9元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/44a4ddd6d7abe2f3bb34a19ee5e40724.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥109元</samp><samp class="s2">￥129元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/a00c151db2afb3792ce76fc58420fc3c.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥4499元</samp><samp class="s2">￥4999元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/53cccd9b8c13cfacc6133ec14b9eef6a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家电动冲牙器</p>
                    <p><samp class="s1">￥199元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/18381eff4cd129b8dc9740d029d9e35a.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>米家插电夜灯</p>
                    <p><samp class="s1">￥19.9元</samp></p>
                </div>
            </div>
            <div class="recommend_nr">
                <div>
                    <img src="../APP图片/44a4ddd6d7abe2f3bb34a19ee5e40724.jpg" alt="">
                </div>
                <div class="nr1">
                    <p>小米11 por</p>
                    <p><samp class="s1">￥109元</samp><samp class="s2">￥129元</samp></p>
                </div>
            </div>
        </div>
        <div class="payment">
            <div class="payment1">
                <p>共2件，金额：</p>
                <p><samp>4660</samp>元</p>
            </div>
            <div class="payment2">
                <a href="">继续购物</a>
            </div>
            <div class="payment3">
                <a href="">去结算</a>
            </div>
        </div>
    </div>
    <div class="nav_tail">
        <div class="nav_tail1">
            <a href="../index.html">
                <img src="../APP图片/icon-home.c1947eda40.png" alt="">
                <p>首页</p>
            </a>
        </div>
        <div class="nav_tail1">
            <a href="./分类.html"><img src="../APP图片/icon-category.be93273636.png" alt=" ">
                <p>分类</p>
            </a>
        </div>
        <div class="nav_tail1 ">
            <a href="./米圈.html">
                <img src="../APP图片/icon-star.d051789804.png " alt=" ">
                <p>米圈</p>
            </a>
        </div>
        <div class="nav_tail1 ">
            <a href="./购物车.html">
                <img src="../APP图片/icon-cart-selected.0099b47830.png" alt=" ">
                <p class="xl">购物车</p>
            </a>
        </div>
        <div class="nav_tail1 ">
            <a href="./我的.html">
                <img src="../APP图片/icon-user.23496a0116.png " alt=" ">
                <p>我的</p>
            </a>
        </div>
    </div>
</body>

</html>